<template>
    <section>
        <!-- 工具条 -->
        <el-col :span="24" class="toolbar" style="padding-bottom:0px">
            <el-form :inline="true" :model="filters">
                <el-form-item>
                    <el-input size="small" style="width:200px;" v-model.trim="filters.username" placeholder="用户名"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-input size="small" style="width:200px;" v-model.trim="filters.mobileno" placeholder="手机号"></el-input>
                </el-form-item>
                <el-form-item style="float:right;">
                    <el-button size="small" type="primary" icon="upload2" @click="">导出</el-button>
                </el-form-item>
                <el-form-item style="float:right;">
                    <el-button size="small" type="primary" icon="search" v-on:click="">查询</el-button>
                </el-form-item>
            </el-form>
        </el-col>
        <!-- 工具条 -->

        <!-- 列表 -->
        <el-table>
            <el-table-column prop="userid" label="用户ID" min-width="100" align="center" sortable="">
                <template scope="scope">
                    <span style="color:#20a0ff;cursor:pointer;text-decoration:underline;">{{}}</span>
                </template>
            </el-table-column>
            <el-table-column prop='username' label="用户姓名" min-width="100" align="center"></el-table-column>
            <el-table-column prop='mobileno' label="手机号" min-width="100" align="center"></el-table-column>
            <el-table-column prop='username' label="用户层级" min-width="100" align="center"></el-table-column>
            <el-table-column prop='username' label="操作" min-width="100" align="center" fixed="right">

                <template scope="scope">
                    <el-button size="small" @click="handleEdit(scope.$index, scope.row)">修改</el-button>
                    <el-button type="danger" size="small" v-show="buttonShow(scope.$index, scope.row)" @click="handleDel(scope.$index, scope.row)">查询</el-button>
                </template>
            </el-table-column>
        </el-table>
        <!-- 列表 -->
    </section>
</template>


<script>
export default {
    data() {
        return {
            filters: {
                username: '',
                mobileno: ''
            }
        }
        // return
        methods: {
            // exportExcels: function () {

            // }
        }
        // methods
    }

}
</script>
